<template>
	<view class="planetCycle cycle">
		<view class="swiper-bg">
			<planet-calendar />
		</view>
		<view class="swiper-box">
			<view class="top flex-r s-b">
				<view class="title">
					<view>
						30<text>岁左右</text>
					</view>
					<text>2029年1月23日 22:34:59</text>
				</view>
				<view class="map flex-r a-c">
					<text class="iconfont icon-tuxing" />
					<text>土星回归图</text>
					<text class="iconfont zuo icon-zuozuo" />
				</view>
			</view>
			<view class="unlock flex-r s-b a-c mt-2">
				<text>
					周期报告解锁
				</text>
				<view class="flex-r a-c">
					查看示例
					<text class="iconfont icon-zuozuo" />
				</view>
			</view>
			<view class="content">
				<view class="tips mb-1">
					责任、成熟、结构、人生方向的重新调整。
				</view>
				<text>土星回归通常发生在28-30岁之间，标志着从青年到成年的过渡。这是一个重要的成熟期，人们开始重新评估自己的生活方向、责任和长期目标。土星回归常常伴随着职业、关系或个人身份的深刻转变。</text>
			</view>
			<view class="flex-c j-c a-c">
				<button class="video-btn flex-r a-c"><text class="iconfont icon-shipinbofang" />视频教程</button>
				<button class="unlock-btn mt-2">立即解锁</button>
			</view>
		</view>
		<view class="pl-2 pr-2">
			<button class="consult-btn">找咨询师1对1在线专业咨询</button>
		</view>
	</view>
</template>

<script setup>
	import planetCalendar from './planetCalendar.vue'
</script>
<style lang="scss" scoped>
	.planetCycle {}
</style>